@import './common';

page{
	width: 100%;
	height: 100%;
	background-color:#f6f6f6;
}

.chat-box{
	box-sizing:border-box;
	padding:0 setSize(30);
	// border-top:setSize(1) solid #EDEFF3;

	.time{
		line-height: setSize(80);
		text-align: center;
		color: #ABABAB;
		font-size: setSize(26);
	}

	.he{
		padding-top: setSize(15);
		padding-bottom: setSize(15);

		.avat-box{
			display: block;
			width: setSize(70);
			height: setSize(70);
			baoder-radius:50%;
			
			.avat{
				display: block;
				width: setSize(70);
				height: setSize(70);
				baoder-radius:50%;
			}
		}

		.text{
			display: inline-block;
			line-height: setSize(44);
			box-sizing:border-box;
			padding:setSize(20) setSize(30);
			margin-left: setSize(20);
			box-shadow:setSize(0) setSize(3) setSize(7) setSize(0) rgba(0, 0, 0, 0.35);
			border-radius:setSize(20);
			color: #393939;
			word-break:break-all;

			.t{
				display:block;
				max-width: setSize(440);
			}
		}
	}

	.me{

		.err-icon{
			display: block;
			width: setSize(50);
			height: setSize(50);
		}

		.text{
			margin-right: setSize(20);
			background-color: $mainColor;
			color: #fff;
		}
	}
}

.foot-wrap{
	height: setSize(102);

	.foot-box{
		position: fixed;
		left: 0;
		bottom:0;
		width: 100%;
		height: setSize(102);
		box-sizing:border-box;
		padding:setSize(16) 0;
		z-index: 999;
		background-color:#fff;
		box-shadow:setSize(0) setSize(3) setSize(21) setSize(0) rgba(0, 0, 0, 0.35);

		.avat-box{

			.avat{
				display: block;
				width: setSize(60);
				height: setSize(60);
			}
		}

		.input-box{
			box-sizing:border-box;
			padding:setSize(10) setSize(30);
			border:setSize(2) solid $mainColor;
			margin-left:setSize(27);
			border-radius:setSize(50);

			.input{
				display: block;
				width: 100%;
				height: setSize(36);
				min-height:setSize(36);
			}
		}

		.btn-box{
			position:relative;
			box-sizing:border-box;
			padding:0 setSize(38);

			.text{
				color: $mainColor;;
			}

			.btn{
				position:absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				opacity: 0;
			}
		}
	}
}